blog.fredericbecker.de

Das Einfuegen von Bildern wird hier beschrieben. Wenn das Bild im Ordner content/images/fat-boy.jpg liegt, dann sieht der Markdown Link so aus:

1

![Alt Text]({static}/images/fat-boy.jpg)

Ein großes Problem ist die Größe der Bilder. Wenn ich mit meinem Handy ein Foto mache ist es immer mehr als 2 mb oder größer. Um die Bilder für eine Webseite vorzubereiten, kann man sie vorher bearbeiten. Auf dieser Webseite habe ich ein gutes Grundgerüst gefunden. Das muss nur noch ein bisschen angepasst werden.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19

#!/bin/bash
# Resize all images
# * Strip all metadate
# * Use 8 workerprocesses in parallel
# * Resize and compress any image larger than 1000 pixels

set -eu

INPUT_FOLDER='images'
OUTPUT_FOLDER='content/images'

# Look in the public/ directory
find ${INPUT_FOLDER} \
    -not -path "*/static/*" \
    \( -name '*.png' -o -name '*.jpg' -o -name '*.jpeg' \) -print0 \
    | xargs -0 -P8 -n2 \
    mogrify -strip \
    -thumbnail '1000>' \
    -format jpg -path $OUTPUT_FOLDER

Das Skript convertiert alle Bilder im Ordner images/ und kopiert sie in den Ordner content/images